The following are the steps to take a screenshot without overlays inside Google Maps Street View or Google Maps.
- Collapse the left side window if visible with the arrow
- Press F11 to go full screen
- Open up the dev console [F12]
Optional: You may need to open the dev console in another window (undocked). Leaving it docked with the window could cause problems.
- Run the following command in the dev console:
document.querySelectorAll('*').forEach(el => el.style.display='none');
for(let c=document.getElementsByTagName('canvas')[0];c.parentNode;c=c.parentNode) c.style.display='';
This should be pretty foolproof, but you may need to change the [0] to another number if the primary canvas element isn't the first canvas.
If that doesn't work, you can also try the following, which is a bit more specialized, but may not catch all the elements on the screen (including the Google logo).
document.querySelectorAll('[jsaction^="mouseover:"],[jsaction^="mouseout:"],button,[role="navigation"],.scene-footer-container,#omnibox-container,[aria-label="Sign in"],[aria-label="Google apps"]')
.forEach(el => el.style.display = 'none');
document.querySelectorAll('[aria-label="Interactive map"]').forEach(el => el.parentNode.style.display='none');
- Close the dev console (or Alt+tab back to the chrome window if undocked)
- Move the mouse to the sky (or a portion that won't trigger possible popups)
- Wait for a few seconds for icons to disappear
- Take screenshot
